.popup {
  background-color: #efefef;
  height: 100%;
  .top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10%;
    padding: 30rpx 0rpx;
    text-align: center;
    font-weight: 700;
    font-size: 40rpx;
    border-bottom: 1px solid;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
  }

  .center {
    height: 80%;
    background-color: #fefefe;
    overflow: auto;

    .swipper {
      height: 300rpx;

      swiper-item {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fefefe;

        image {
          height: 200rpx;
          width: 400rpx;
        }
      }
    }

    .car-desc {
      display: flex;
      flex-direction: column;

      .hint {
        margin-left: 30rpx;
        font-weight: 700;
      }
    }

    .text-box {
      margin: 15rpx 10rpx 15rpx 10rpx;
      background-color: #efefef;
      padding: 10rpx 20rpx;
      font-size: 30rpx;
      border-radius: 30rpx;
    }

    .load {
      display: flex;
      flex-direction: column;

      .hint {
        margin-top: 10rpx;
        font-weight: 700;
      }

      .info {
        margin-left: 20rpx;
        font-weight: 300;
      }
    }

    .ps {
      margin-left: 30rpx;
      font-size: 30rpx;
    }
  }
}

.bottom {
  height: 10%;
  background-color: #fefefe;
  button {
    height: 80rpx;
    width: 80%;
    background-color: #ff6600;
    color: white;
  }
}
